<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name=”renderer” content=”webkit”>
<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no"/>
<meta name="format-detection" content="telephone=no" />
<meta name="apple-mobile-web-app-capable" content="yes" />
<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent" />
<title>东明家居集团-约车管理系统</title>
<link rel="stylesheet" href="css/bootstrap.min.css">
<link rel="stylesheet" href="css/iview.css">
<link rel="stylesheet" href="css/style.css">
    <link href="./js/toastr/toastr.css" rel="stylesheet">
</head>
<body>
<div class="container-fluid" id="app">
     <!-- breadcrumb -->
      <template class="page-header">
          <breadcrumb class="pull-left">
              <breadcrumb-item to="welcome.html" >首页</breadcrumb-item>
              <breadcrumb-item>车辆违章</breadcrumb-item>
          </breadcrumb>
      </template>
      <!-- 搜索条件 -->
      <div class="table-margin">
          <row>
              <i-col span="3" class-name="mr10">
                  <i-select v-model="BrFlag" placeholder="是否处理" clearable>
                      <i-option value="">全部</i-option>
                      <i-option value="0">未处理</i-option>
                      <i-option value="1">已处理</i-option>
                  </i-select>
              </i-col>
              <i-col span="3" class-name="mr10">
                  <i-select v-model="CarNo" placeholder="请选择车辆" clearable>
                      <i-option v-for="item in CarNoList" :value="item.value" :key="item.value" >{{item.label}}</i-option>
                  </i-select>
              </i-col>
              <i-col span="3" class-name="mr10">
                  <i-input v-model="SjName" placeholder="司机姓名" style="width: 200px"></i-input>
              </i-col>
              <i-col span="3" class-name="mr10">
                     <date-picker v-model="BreakRuleStartDate" type="date" placeholder="请选择违章开始日期"></date-picker>
              </i-col>
              <i-col span="3" class-name="mr10">
                  <date-picker v-model="BreakRuleEndDate" type="date" placeholder="请选择违章截止日期"></date-picker>
              </i-col>
              <i-button type="primary" class="mr10" @click="querytable">搜索</i-button>
              <i-button type="primary" class="mr10" @click="openModel1">添加违章记录</i-button>
          </row>            
      </div>
      <!-- 搜索结果 -->
      <div class="table-margin">
           <i-table :columns="columns1" :data="data1" algin="center" class="table_style"></i-table>  
      </div>
     <!-- 违章记录弹框 -->
     <modal v-model="modal1" title="添加违章记录" @on-ok="saveBreakRule" @on-cancel="cancel" width='600'>
                <i-form :model="formItem" label-position="right" :label-width="110">
                        <row> 
                            <i-col span="20" offset="1">
                                <Form-item label="录入人：" >
                                      <i-input v-model="formItem.CreateManName" placeholder="录入人" disabled style="width: 200px"></i-input>
                                </Form-item>
                            </i-col>                             
                            <i-col span="20" offset="1">
                                <Form-item label="违章车辆：" >
                                      <i-select v-model="formItem.CarNo" placeholder="请选择违章车辆" clearable style="width: 200px">
                                          <i-option v-for="item in CarNoList" :value="item.value" :key="item.value" >{{item.label}}</i-option>
                                      </i-select> 
                                </Form-item>
                            </i-col> 
                            <i-col span="20" offset="1">
                                <Form-item label="驾驶人：" >
                                    <i-input readonly="readonly" icon="ios-search" v-model="formItem.SjName" placeholder="请选择驾驶人" style="width: 200px" @on-click="goSjModel"></i-input>
                                </Form-item>
                            </i-col>
                            <i-col span="20" offset="1">
                                <Form-item label="违章时间：" >
                                    <date-picker type="date" v-model="formItem.BreakRuleDate" placeholder="违章日期" style="width: 150px"></date-picker>
                                    <time-picker type="time" v-model="formItem.BreakRuleTime" placeholder="违章时间" style="width: 150px;margin-left: 10px;"></time-picker>
                                </Form-item>
                            </i-col>
                            <i-col span="20" offset="1">
                                <Form-item label="记分：" >
                                      <i-input v-model="formItem.Score" placeholder="请输入记分"></i-input>
                                </Form-item>
                            </i-col>                             
                            <i-col span="20" offset="1">
                                <Form-item label="罚款（元）：" >
                                      <i-input v-model="formItem.Fine" placeholder="请输入罚款金额"></i-input>
                                </Form-item>
                            </i-col>
                            <i-col span="20" offset="1">
                                <Form-item label="违章地点：" >
                                    <i-input v-model="formItem.BreakRulePlace" placeholder="请输入违章地点"></i-input>
                                </Form-item>
                            </i-col>
                            <i-col span="20" offset="1">
                                <Form-item label="违章信息：" >
                                    <i-input type="textarea" :rows="2" v-model="formItem.BreakRuleInfo" placeholder="请输入违章信息"></i-input>
                                </Form-item>
                            </i-col>
                            <!--<i-col span="20" offset="1">
                                <Form-item label="处理时间：" >
                                    <date-picker type="date" v-model="formItem.DealDate" placeholder="处理日期" style="width: 150px"></date-picker>
                                    <time-picker type="time" v-model="formItem.DealTime" placeholder="处理时间" style="width: 150px;margin-left: 10px;"></time-picker>
                                </Form-item>
                            </i-col>-->
                            <i-col span="20" offset="1">
                                <Form-item label="备注：" >
                                      <i-input type="textarea" :rows="2" v-model="formItem.Remark" placeholder="请输入备注信息"></i-input>
                                </Form-item>
                            </i-col>                                                        
                    </row>
              </i-form>
       </modal>
    <!--选择司机弹框start-->
    <modal v-model="SjModel" title="选择司机" @on-ok="cancel" @on-cancel="cancel" width='1100' footer="no">
        <div class="table-margin">
            <row>
                <i-col span="3" class-name="mr10" style="width:150px;">
                    <i-input v-model="SjName" placeholder="司机姓名"></i-input>
                </i-col>
                <i-button type="primary" class="mr10" @click="querysjtable('1','99999999')">搜索</i-button>
            </row>
        </div>
        <div class="table-margin">
            <i-table :columns="columns2" :data="data2"  algin="center" class="table_style" @on-row-click="sjRowClic"></i-table>
        </div>
    </modal>
    <!--选择司机弹end-->
    <!--编辑违章记录弹框-->
    <modal v-model="editmodal1" title="处理违章记录" @on-ok="editBreakRule" @on-cancel="cancel" width='600'>
        <i-form :model="editformItem" label-position="right" :label-width="110">
            <row>
                <i-col span="20" offset="1">
                    <Form-item label="录入人：" >
                        <i-input v-model="editformItem.CreateManName" placeholder="录入人" disabled style="width: 200px"></i-input>
                    </Form-item>
                </i-col>
                <i-col span="20" offset="1">
                    <Form-item label="违章车辆：" >
                        <i-input v-model="editformItem.CarNo" placeholder="违章车辆" disabled style="width: 200px"></i-input>
                    </Form-item>
                </i-col>
                <i-col span="20" offset="1">
                    <Form-item label="司机姓名：" >
                        <i-input v-model="editformItem.SjName" placeholder="司机姓名" disabled style="width: 200px"></i-input>
                    </Form-item>
                </i-col>
                <i-col span="20" offset="1">
                    <Form-item label="处理日期：" >
                        <date-picker type="date" v-model="editformItem.DealDate" placeholder="处理日期" style="width: 150px"></date-picker>
                        <time-picker type="time" v-model="editformItem.DealTime" placeholder="处理时间" style="width: 150px;margin-left: 10px;"></time-picker>
                    </Form-item>
                </i-col>
                <i-col span="20" offset="1">
                    <Form-item label="违章详情：" >
                        <i-input type="textarea" :rows="2" v-model="editformItem.BreakRuleInfo" disabled placeholder="请输入备注信息"></i-input>
                    </Form-item>
                </i-col>
            </row>
        </i-form>
    </modal>

</div>
</body>
<script src="./js/jquery-1.11.1.min.js"></script>
<script src="js/vue.js"></script>
<script src="js/iview.min.js"></script>
<script src="./js/breakrule/breakrule.js"></script>
<script src="./js/toastr/toastr.min.js"></script>
</html>

  

  

  

  

  
